@charset "utf-8";

/*footer*/
.footer{color:#fff; background-color:#bf2034;}
.footer-link-menu{border-bottom: 1px solid rgba(255,255,255,.3);}
.footer-link-menu ul{margin-right:-10px; margin-left:-10px; overflow:hidden;}
.footer-link-menu ul li{float:left; width:25%;}
.footer-link-menu ul li a{position:relative; display:block; margin-right:10px; margin-left:10px; padding:15px 0; color:#fff; text-align:center;}
.footer-link-menu ul li a:hover{color:#ffc;}
.footer-link-menu ul li a font{display:inline-block; line-height:20px; vertical-align:top;}
.footer-link-menu ul li a i{display:inline-block; width:20px; height:20px; margin-left:15px; vertical-align:top; background-image:url(../images/footer_link_arrow.png); background-repeat:no-repeat; background-position:0 0;}
.footer-link-menu ul li.on a{font-weight: bold;}
.footer-link-menu ul li.on a i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.footer-link-content{margin-top: -1px; border-bottom: 1px solid rgba(255,255,255,.3); overflow:hidden;}
.footer-link-content ul{display:none; padding:15px 0 10px; overflow:hidden;}
.footer-link-content ul li{float:left; width:20%;}
.footer-link-content ul li h4{margin-right:-10px; margin-left:-10px;}
.footer-link-content ul li a{display:block; padding:5px 10px; margin:0 10px 5px; color: #fefefe;}
.footer-link-content ul li a:hover{color: #fff;}

.footer .footer-grid{position: relative; padding: 25px 22% 25px 22%; color: #fefefe;}
.footer .footer-grid a{color: #fefefe;}
.footer .footer-grid a:hover{color: #fff;}
.footer .footer-grid .footer-menu{position: absolute; top: 50%; right: -5px; left: -5px; margin-top: -37px; width: 22%;}
.footer .footer-grid .footer-menu li{float: left; width: 50%;}
.footer .footer-grid .footer-menu li a{display: block; padding: 8px 0; margin: 0 5px 10px; text-align: center; background-color: rgba(255,255,255,.1);}
.footer .footer-grid .bqxx{text-align: center; margin-left: -8px; line-height: 2em;}
.footer .footer-grid .bqxx img{margin-right: 6px;}
.footer .footer-grid .bqxx strong{padding-right: 5px; padding-left: 5px; font-family: Arial;}
.footer .footer-grid .bqxx span{display: inline-block; margin-right: 8px; margin-left: 8px;}
.footer .footer-grid .biaozhi{position: absolute; top: 50%; right: 0; text-align: center; margin-top: -40px;}

@media (max-width:1199px) {
.footer{min-width:320px;}
.footer .footer-grid .footer-menu{left:1%; width: 21%;}
}

@media (max-width:991px) {
.footer-link-content ul li{width:33.33333%;}
.footer .footer-grid{padding: 15px 15px;}
.footer .footer-grid .footer-menu{position: static; margin: 0 -2px 8px; width: auto;}
.footer .footer-grid .footer-menu li{width: 25%;}
.footer .footer-grid .footer-menu li a{margin: 0 2px 4px;}
.footer .footer-grid .biaozhi{position: static; margin-top: 10px; width: auto;}
}

@media (max-width:768px) {
.footer-link{background-color:#efefef;}
.footer-link-menu{padding:2px 4px; border-bottom:none;}
.footer-link-menu ul{margin-right:-2px; margin-left:-2px;}
.footer-link-menu ul li{width:50%; height:auto;}
.footer-link-menu ul li a{margin:2px; padding-top:8px; padding-bottom:8px; color:#333; background-color:#f5f5f5;}
.footer-link-menu ul li a:hover{color:#333;}
.footer-link-menu ul li a i{background-image:url(../images/footer_link_arrow_up.png);}
.footer-link-menu ul li a font{width:10em; text-align:left;}
.footer-link-menu ul li.on a{color:#000; background-color:#fdfdfd;}
.footer-link-content{background-color:#fdfdfd;}
.footer-link-content ul li a{color: #333;}
.footer-link-content ul li a:hover{color: #000;}
}

@media (max-width:480px) {
.footer-link-content ul li{width:50%;}
}

@media (max-width:450px) {
.footer-link-menu ul li{width:100%;}
.footer .footer-grid .footer-menu li{width: 50%;}
}